Ext.define('CancelOrder.view.CancelOrder', {
	extend : 'Ext.Panel',
	xtype : 'cancelpanel',
	id:'cancelpanel',
	store : 'CancelOrder.store.CancelOrder',
	requires : ['Ext.List','CancelOrder.store.CancelOrder'],
	config : {
		width:'300',
		height:400,
		items : [{
					xtype : 'toolbar',
					title : '退订房间',
					docked : 'top'
				}, {
					xtype : 'spacer',
					height:10
				}, {
					id : 'cancelList',
					xtype : 'list',
					emptyText:'暂无预订房间数据',
					store : {
						type : 'cancelOrderStore'
					},
					itemTpl : new Ext.XTemplate(
							'<tpl for=".">',
							'<tpl if="state===null">',
								'<div style="text-align: center;"><h2>暂无数据</h2></div>',
							'</tpl>',
							'<tpl if="state===1">',
								'<div style="float:left;"><h2>{hno}</h2></div>',
								'<div style="float:right;">入住天数：{days} 天</div>',
							'</tpl>',
							'<div style="clear: both"></div></tpl>'),
					height : 350
				}, {
					xtype : 'spacer',
					height:40
				}]
	}
});